<template>
	<view class="page">
		<view class="main">
			<view class="text">退款成功</view>
			<view class="text">￥666</view>
		</view>
		<view class="detail">
			<view class="text">
				<view>预付款金额</view>
				<view>￥888</view>
			</view>
			<view class="text">
				<view>本次消费金额</view>
				<view>￥222</view>
			</view>
			<view class="text">
				<view>退款金额</view>
				<view>￥666</view>
			</view>
			<view class="text">
				<view>退款时间</view>
				<view>2054 / 12 / 06 12:43</view>
			</view>
			<view class="text">
				<view>退款编号</view>
				<view>84134330227552</view>
			</view>
			<view class="text">
				<view>退款去向</view>
				<view>微信</view>
			</view>
		</view>


	</view>
</template>

<script>

</script>

<style lang="scss" scoped>
.page {
	padding: 60rpx 40rpx;
}

.main,
.detail {
	background-color: white;
	border-radius: 10px;
}

.main {
	display: flex;
	justify-content: space-between;
	padding: 30rpx 30rpx;
	margin-bottom: 30rpx;

	.text {
		font-size: 50rpx;
		color: #3662EC;
		font-weight: bold;
	}
}

.detail {
	padding: 20rpx 30rpx;

	.text {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;
		color: #767676;
	}
}</style>
